<style scoped>
#infoLabel {
    font-size: 20px;
    border-radius: 5px;
    background-color: #00aa99aa;
    padding-bottom: 10px;
}

.info-label-header {
    height: 40px;
    background-color: #1188aaaa;
    border-radius: 5px 5px 0px 0px;
}

.info-label-title {
    color: #ffffff;
    font-size: 18px;
    margin-left: 10px;
    line-height: 40px;
}

.info-label-content {
    margin-top: 15px;
    margin-left: 20px;
    margin-right: 20px;
    color: #ffffff;
    font-size: 16px;
    line-height: 30px;
}

.info-label-close {
    float: right;
    margin-top: 12px;
    margin-right: 8px;
    cursor: pointer;
    pointer-events: auto;
}
</style>
<template>
<div id="infoLabel" v-show="visible" :style="[marginRight]">
    <div class="info-label-header">
        <span class="info-label-title">标题</span>
        <img class="info-label-close" src="images/infoLabel/close_icon.png" @click="close()" />
    </div>

    <div class="info-label-content">
        <span>模型名称：</span><span>{{meshName}}</span><br />
        <span>点击位置：</span><span>{{clickPoint}}</span><br />
        <span>模型中心点：</span><span>{{meshCenter}}</span><br />
        <span>这里显示详细信息</span><br />
    </div>
</div>
</template>
